li { list-style: none; }

* { padding: 0; margin: 0; }

img { display: block; }

a { text-decoration: none; }

.header { height: 0.88rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; }

.header .header-left { width: 1.76rem; height: 0.88rem; }

.header .header-left .jt { display: block; width: 0.88rem; height: 0.88rem; font-size: 0.4rem; color: #232628; text-align: center; line-height: 0.88rem; }

.header .header-conter { width: 3.98rem; height: 0.88rem; text-align: center; line-height: 0.88rem; color: #232628; font-size: 0.32rem; }

.header .header-right { width: 1.76rem; height: 0.88rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.header .header-right .ej { display: block; width: 0.88rem; height: 0.88rem; color: #232628; font-size: 20px; text-align: center; line-height: 0.88rem; }

.header .header-right .header-item { width: 0.88rem; height: 0.88rem; }

.header .header-right .header-item .cd { width: 0.44rem; height: 0.42rem; color: #232628; font-size: 20px; text-align: center; line-height: 0.88rem; display: block; margin: 0 auto; cursor: pointer; }

.header .header-last { width: 2.24rem; height: 3.88rem; position: absolute; top: 100%; right: 0.16rem; display: none; z-index: 10; background: #fff; border: 1px solid #E9ECF0; box-shadow: 0 4px 12px 0 #E9ECF0; border-radius: 0.28571429rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.header .header-last .header-title { width: 2.2rem; height: 0.96rem; }

.header .header-last .header-title a { display: block; padding: 0 0.24rem; width: 110px; height: 0.9rem; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.header .header-last .header-title a .fz { display: block; width: 0.4rem; height: 0.42rem; font-size: 0.36rem; text-align: center; line-height: 0.42rem; color: #232628; }

.header .header-last .header-title a p { height: 0.38rem; margin-left: 0.12rem; color: #232628; font-size: 0.28rem; line-height: 0.38rem; }

.header .active { display: block; }

.nav { height: 0.9rem; border-bottom: 1px solid #E9ECF0; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.nav .nav-item { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; line-height: 0.9rem; height: 0.9rem; color: #232628; font-size: 0.28rem; position: relative; }

.nav .nav-item .shang { width: 0.24rem; height: 0.24rem; text-align: center; line-height: 0.24rem; font-size: 0.24rem; color: #B4BABF; position: absolute; top: 0.3rem; right: 0.32rem; }

.nav .nav-item .xia { width: 0.24rem; height: 0.24rem; text-align: center; line-height: 0.24rem; font-size: 0.24rem; font-size: 0.24rem; color: #B4BABF; position: absolute; bottom: 0.24rem; right: 0.32rem; }

.nav .nav-item .active { color: #FF734C; }

.nav .active { color: #FF734C; }

.purposse { height: 0.88rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.purposse .purposse-item { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.2rem 0.08rem; }

.purposse .purposse-item a { display: block; line-height: 0.44rem; font-size: 0.24rem; color: #232628; text-align: center; background-color: #F7F9FA; }

.purposse .purposse-item .sx { display: block; line-height: 0.44rem; font-size: 0.24rem; color: #232628; background-color: #F7F9FA; }

.purposse .purposse-item .sx .sj { display: inline-block; width: 0.24rem; height: 0.26rem; font-size: 0.24rem; color: #232628; text-align: center; line-height: 0.26rem; }

.purposse .purposse-item .active { color: #FF734C; border: 1px solid #FF734C; border-radius: 0.04rem; }

.purposse .aside { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background-color: rgba(0, 0, 0, 0.8); }

.purposse .aside .layer { width: 90%; height: 100%; background-color: #fff; margin-left: 10%; border-top: 1px solid transparent; -moz-box-sizing: border-box; box-sizing: border-box; }

.purposse .aside .layer .layer-top { height: 12.38rem; padding: 0 0.28rem; -moz-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; }

.purposse .aside .layer .layer-top p { height: 0.32rem; line-height: 0.32rem; margin: 0.32rem 0; color: #232628; font-size: 0.32rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.purposse .aside .layer .layer-top .layer-item { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.purposse .aside .layer .layer-top .layer-item li { width: 33.333%; height: 0.72rem; margin-bottom: 0.24rem; padding: 0 0.12rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.purposse .aside .layer .layer-top .layer-item li a { display: block; height: 0.72rem; background-color: #F7F9FA; font-size: 0.24rem; line-height: 0.72rem; text-align: center; color: #232628; border-radius: 0.04rem; }

.purposse .aside .layer .layer-top .layer-item li .active { border: 1px solid #FF734C; color: #FF734C; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; }

.purposse .aside .layer .layer-bottom { height: 0.96rem; background-color: #E9ECF0; color: #232628; font-size: 0.32rem; line-height: 0.96rem; text-align: center; }

.container { background-color: #E9ECF0; }

.container .conter { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.2rem 0.08rem 0.32rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .conter .conter-title { width: 3.67rem; height: 5.38rem; margin-bottom: 0.16rem; padding: 0 0.08rem; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.container .conter .conter-title img { width: 3.51rem; height: 3.8316rem; }

.container .conter .conter-title .conter-item { padding: 0.16rem 0.16rem 0.32rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .conter .conter-title .conter-item .conter-title { height: 0.36rem; width: 1.64rem; border-radius: 0.18rem; border: 1px solid #FF734C; color: #FF734C; font-size: 0.24rem; line-height: 0.36rem; text-align: center; white-space: nowrap; margin-bottom: 0.08rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .conter .conter-title .conter-item .conter-desc { height: 0.32rem; line-height: 0.32rem; font-size: 0.28rem; color: #232628; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.container .conter .conter-title .conter-item .conter-price { height: 0.38rem; line-height: 0.38rem; font-size: 0.28rem; color: #FF734C; }

.find { width: 0.72rem; height: 2.08rem; position: fixed; bottom: 2rem; right: 0.16rem; display: none; }

.find .frind { display: block; border-radius: 50%; background-color: #fff; width: 0.72rem; height: 0.72rem; box-shadow: 0 0.28571429rem 0.42857143rem 0 #dee2e5; text-align: center; line-height: 0.72rem; font-size: 0.4rem; color: #232628; }

.find .top { margin-top: 0.72rem; display: block; border-radius: 50%; background-color: #fff; width: 0.72rem; height: 0.72rem; box-shadow: 0 0.28571429rem 0.42857143rem 0 #dee2e5; text-align: center; line-height: 0.72rem; font-size: 0.4rem; color: #232628; }

.active { display: block; }

.chat { display: none; width: 100%; height: 12.14rem; background-color: #fff; position: fixed; left: 0; bottom: 0; }

.chat .chat-top { height: 1.2rem; background-color: #ff6600; padding: 0.2rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-top .chat-ber { line-height: 0.28rem; font-size: 0.28rem; color: #fff; }

.chat .chat-top .chat-sj { font-size: 0.4rem; color: #fff; }

.chat .chat-bottom { height: 10.94rem; }

.chat .chat-bottom .btn-top { height: 9.14rem; padding: 0.28rem; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; }

.chat .chat-bottom .btn-top .btn-item { padding: 0.2rem; padding-left: 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.chat .chat-bottom .btn-top .btn-item img { width: 36px; height: 36px; margin-right: 10px; margin-top: 16px; vertical-align: top; }

.chat .chat-bottom .btn-top .btn-item .base { width: 5.74rem; }

.chat .chat-bottom .btn-top .btn-item .base .msg { color: #b2b2b2; font-size: 0.24rem; margin-bottom: 0.04rem; line-height: 0.28rem; height: 0.28rem; }

.chat .chat-bottom .btn-top .btn-item .base .per { height: 1.18rem; border: 1px solid #f0f0f0; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.26rem; word-break: break-word; padding: 0.2rem 0.3rem; border-radius: 0.06rem; line-height: 0.32rem; }

.chat .chat-bottom .btn-top .btn-item .base .pers { height: 5.42rem; padding: 0.2rem 0.3rem; border-radius: 0.06rem; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f0f0f0; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-top { height: 2.04rem; font-size: 0.26rem; color: #1d2754; word-break: break-word; overflow: hidden; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom { height: 2.98rem; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom .pers-one { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e1e5f0; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom .pers-two { height: 0.34rem; margin-bottom: 0.1rem; font-size: 0.26rem; line-height: 0.34rem; color: #1d2754; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom .pers-three { height: 1.54rem; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom .pers-three p { height: 0.34rem; margin: 0.06rem 0; color: #1880ff; font-size: 0.26rem; cursor: pointer; line-height: 0.34rem; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom .pers-five { height: 0.34rem; margin: 0.16rem 0; font-size: 0.26rem; color: #9095ab; line-height: 0.34rem; }

.chat .chat-bottom .btn-top .btn-conter div { height: 0.64rem; font-size: 0.24rem; text-align: center; line-height: 16px; color: #999999; }

.chat .chat-bottom .btn-top .btn-conter div span { font-size: 0.24rem; }

.chat .chat-bottom .btn-top .btn-conter div p { color: #999999; height: 0.32rem; font-size: 0.24rem; text-align: center; line-height: 16px; }

.chat .chat-bottom .btn-top .btn-conter .may { height: 1.56rem; padding: 0.2rem 0 0.2rem 0.2rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-bottom .btn-top .btn-conter .may p { height: 0.3rem; font-size: 0.24rem; color: #b2b2b2; text-align: right; }

.chat .chat-bottom .btn-top .btn-conter .may div { width: 1.04rem; height: 0.84rem; line-height: 0.84rem; background-color: #ff6600; border-radius: 0.1rem; text-align: center; float: right; font-size: 0.26rem; }

.chat .chat-bottom .btn-top .btn-conters .sh { height: 1.1rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-bottom .btn-top .btn-conters .sh p { height: 0.3rem; font-size: 0.24rem; color: #b2b2b2; text-align: right; }

.chat .chat-bottom .btn-top .btn-conters .sh div { padding: 0.2rem 0.3rem; line-height: 0.38rem; background-color: #ff6600; border-radius: 0.1rem; text-align: center; float: right; font-size: 0.26rem; color: #fff; }

.chat .chat-bottom .btn-top .btn-conters .jqrsh { height: 2.12rem; padding: 0.2rem 0.2rem 0.2rem 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.chat .chat-bottom .btn-top .btn-conters .jqrsh img { display: block; width: 0.72rem; height: 0.72rem; margin-top: 0.32rem; margin-right: 0.2rem; background-color: red; }

.chat .chat-bottom .btn-top .btn-conters .jqrsh .fslasts { height: 1.72rem; }

.chat .chat-bottom .btn-top .btn-conters .jqrsh .fslasts p { height: 0.28rem; margin-bottom: 0.04rem; color: #b2b2b2; font-size: 0.24rem; line-height: 0.28rem; }

.chat .chat-bottom .btn-bottom { height: 1.8rem; padding: 0.1rem 0.2rem 0.1rem 0.28rem; border-top: 1px solid #dddddd; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-bottom .btn-bottom .tip-top { height: 0.6rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.chat .chat-bottom .btn-bottom .tip-top i { display: block; width: 0.48rem; height: 0.48rem; font-size: 0.4rem; margin: 0 0.22rem 0 0.1rem; color: #666666; }

.chat .chat-bottom .btn-bottom .tip-bottom { height: 1rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.chat .chat-bottom .btn-bottom .tip-bottom .input { width: 6rem; height: 0.8rem; background-color: #f3f4f8; border: none; outline: none; font-size: 0.26rem; text-indent: 1em; }

.chat .chat-bottom .btn-bottom .tip-bottom .fs { width: 0.96rem; height: 0.6rem; background-color: #ff6600; font-size: 0.28rem; color: #fff; text-align: center; line-height: 0.6rem; border-radius: 0.06rem; }

.chat .chat-bottom .btn-bottom .xlitem { display: none; width: 7.46rem; height: 2.72rem; position: absolute; top: 380px; left: 1px; background: white; border-top: 1px solid #dddddd; z-index: 10; }

.chat .chat-bottom .btn-bottom .xlitem li { width: 0.5rem; height: 0.5rem; margin: 0.2rem; background: url("https://static.meiqia.com/widget/static/emoji@2x.png") no-repeat; float: left; vertical-align: middle; cursor: pointer; -o-background-size: cover; background-size: cover; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-bottom .btn-bottom .zanitem { width: 7.5rem; height: 10.94rem; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 1.2rem; z-index: 10; display: none; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top { width: 100%; height: 5.08rem; background-color: #fff; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-one { padding: 10px 30px 0px; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; font-size: 0.28rem; color: #666666; height: 0.58rem; line-height: 0.38rem; position: relative; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-one .gb { width: 0.4rem; height: 0.4rem; background: url("https://static.meiqia.com/widget/static/icon-desktop@2x.png")-2px-3.02273 no-repeat; position: absolute; right: 0.2rem; top: 0.2rem; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two { height: 1.64rem; margin-top: 0.2rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two .eval { width: 1.24rem; height: 1.64rem; padding: 0.2rem 0.1rem 0; -moz-box-sizing: border-box; box-sizing: border-box; color: #666666; font-size: 0.26rem; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two .eval .evala-img { width: 0.8rem; height: 0.8rem; margin: 0 auto; background: url("https://static.meiqia.com/widget/static/icon-desktop@2x.png")-2px-7.04545 no-repeat; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two .eval .eval-desc { height: 0.44rem; margin-top: 0.1rem; text-align: center; line-height: 0.44rem; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two .eval .evalb-img { width: 0.8rem; height: 0.8rem; margin: 0 auto; background: url("https://static.meiqia.com/widget/static/icon-desktop@2x.png")-2px-8.04545 no-repeat; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two .eval .evalc-img { width: 0.8rem; height: 0.8rem; margin: 0 auto; background: url("https://static.meiqia.com/widget/static/icon-desktop@2x.png")-2px-9.04545 no-repeat; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-three { height: 2.6rem; padding: 10px 20px 15px; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-three textarea { display: block; width: 6.7rem; height: 1.2rem; padding: 0.2rem; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; resize: none; outline: none; border: 1px solid #ededed; font-size: 0.26rem; color: #666666; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-three .zan-four { display: block; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; height: 0.7rem; margin-top: 0.2rem; border-radius: 0.06rem; background-color: #ff6600; font-size: 0.26rem; text-align: center; line-height: 0.7rem; color: #fff; }
